/* base-color -start */

// base
@white:#fff;;
@black:#000;;

// 蓝色
// input、触发器、按钮在focus时的投影
@box-shadow-blue:0 0 0 2px rgba(0, 145, 255, .2);;

// 灰色
// 下拉选择器、按钮盒子相关投影
// 向上
@box-shadow-top:0 -2px 10px 0 rgba(31, 35, 41, .1);
// 向下
@box-shadow-bottom:0 2px 10px 0 rgba(31, 35, 41, .1);
// 向左
@box-shadow-left:-2px 0 10px 0 rgba(31, 35, 41, .1);
// 向右
@box-shadow-right:2px 0 10px 0 rgba(31, 35, 41, .1);

// 箭头相关投影
// 向左
@box-shadow-min-top:-2px 2px 4px 0 rgba(31, 35, 41, .1);
// 向下
@box-shadow-min-bottom:2px -2px 4px 0 rgba(31, 35, 41, .1);
// 向左
@box-shadow-min-left:-2px -2px 4px 0 rgba(31, 35, 41, .1);
// 向左
@box-shadow-min-right:2px 2px 4px 0 rgba(31, 35, 41, .1);

// blue
@blue-900:#004275;
@blue-800:#00518f;
@blue-700:#0065b3;
@blue-600:#007cdb;
@blue-500:#0091ff;
@blue-400:#4eb1fd;
@blue-300:#82c7fc;
@blue-200:#bae0fd;
@blue-100:#e1f2ff;
@blue-50:#f0f9ff;

// cyan
@cyan-900:#00647a;
@cyan-800:#00758f;
@cyan-700:#0088a7;
@cyan-600:#009ec1;
@cyan-500:#00add4;
@cyan-400:#26b9da;
@cyan-300:#4dc6e1;
@cyan-200:#80d7ea;
@cyan-100:#b2e6f2;
@cyan-50:#e0f5fa;

// turquoise
@turquoise-900:#024b41;
@turquoise-800:#036356;
@turquoise-700:#078372;
@turquoise-600:#04b49c;
@turquoise-500:#00d6b9;
@turquoise-400:#14e1c6;
@turquoise-300:#64e8d6;
@turquoise-200:#a9efe6;
@turquoise-100:#d5f6f2;
@turquoise-50:#eafaf8;

// green
@green-900:#124b0c;
@green-800:#186010;
@green-700:#237b19;
@green-600:#2ea121;
@green-500:#34c724;
@green-400:#62d256;
@green-300:#8ee085;
@green-200:#b7edb1;
@green-100:#d9f5d6;
@green-50:#f0fbef;

// lime
@lime-900:#374200;
@lime-800:#495700;
@lime-700:#667901;
@lime-600:#8fac02;
@lime-500:#b3d600;
@lime-400:#c3dd40;
@lime-300:#d2e76a;
@lime-200:#dfee96;
@lime-100:#eef6c6;
@lime-50:#f6fae5;

// yellow
@yellow-900:#5c4700;
@yellow-800:#795d01;
@yellow-700:#aa8303;
@yellow-600:#dcaa04;
@yellow-500:#ffc60a;
@yellow-400:#fad355;
@yellow-300:#f7dc82;
@yellow-200:#f8e6ab;
@yellow-100:#faf0d1;
@yellow-50:#fdf9ed;

// orange
@orange-900:#6b3900;
@orange-800:#8f4f04;
@orange-700:#b26206;
@orange-600:#de7802;
@orange-500:#f58300;
@orange-400:#ffa53d;
@orange-300:#ffba6b;
@orange-200:#fed4a4;
@orange-100:#feead2;
@orange-50:#fff6eb;

// red
@red-900:#621c18;
@red-800:#812520;
@red-700:#ac2f28;
@red-600:#d83931;
@red-500:#f54e45;
@red-400:#f76b64;
@red-300:#f9908b;
@red-200:#eff0f1;
@red-100:#fde3e2;
@red-50:#fef2f1;

// carmine
@carmine-900:#520a33;
@carmine-800:#7a0f4b;
@carmine-700:#9e1361;
@carmine-600:#c71077;
@carmine-500:#f01d94;
@carmine-400:#f14ba9;
@carmine-300:#f57ac0;
@carmine-200:#f9aed9;
@carmine-100:#fdddef;
@carmine-50:#fef1f8;

// purple
@purple-900:#460b46;
@purple-800:#681268;
@purple-700:#8c218c;
@purple-600:#b320b3;
@purple-500:#d136d1;
@purple-400:#db66db;
@purple-300:#e58fe5;
@purple-200:#efb9ef;
@purple-100:#f8def8;
@purple-50:#fceefc;

// grey
@grey-900:#1f2429;
@grey-800:#333940;
@grey-700:#454d54;
@grey-600:#646c73;
@grey-500:#8d9399;
@grey-400:#c3c7cb;
@grey-300:#e4e5e7;
@grey-200:#eff0f1;
@grey-100:#f5f6f7;
@grey-50:#f8f9fa;

/* base-color -end */
